<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_layout/top :: top"></head>
<body>
<div id="page-wrapper">
    <header th:replace="_layout/header :: header"></header>
        <!-- Breadcrumb Start -->
        <div class="page-banner-image w-100 breadcrumb-bar" style="background-image: url(static/assets/images/background/1.png); background-repeat: no-repeat;">
            <div class="container">
                <div class="row py-5">
                    <div class="col-sm-6">
                        <h3 class="text-white">服务</h3>
                    </div>
                    <div class="col-sm-6">
                        <nav aria-label="breadcrumb" class="float-right">
                            <ol class="breadcrumb mb-0 bg-transparent p-0 mt-2 mt-lg-1">
                                <li class="breadcrumb-item"><a href="#">首页</a></li>
                                <li class="breadcrumb-item"><a href="#">页面</a></li>
                                <li class="breadcrumb-item active" aria-current="page">服务</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    <!-- Breadcrumb End -->

    <div class="full-row">
        <div class="container">
            <div class="row mx-0">
                <div class="col-lg-4 col-md-6">
                    <div class="row">
                        <div class="text-center bg-primary text-white py-5 px-5">
                            <i class="flaticon-car-2 flat-large"></i>
                            <h5 class="py-4"><a href="#" class="text-white font-bold">买卖车辆</a></h5>
                            <p>我们买卖新车和任何品牌的二手车</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="row">
                        <div class="text-center bg-secondary text-white py-5 px-5">
                            <i class="flaticon-rental flat-large"></i>
                            <h5 class="py-4"><a href="#" class="text-white font-bold">车辆租赁服务</a></h5>
                            <p>我们买卖新车和任何品牌的二手车</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="row">
                        <div class="text-center bg-dark text-white py-5 px-5">
                            <i class="flaticon-repair flat-large"></i>
                            <h5 class="py-4"><a href="#" class="text-white font-bold">车辆维修</a></h5>
                            <p>我们买卖新车和任何品牌的二手车</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="full-row bg-light">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-md-12 mb-5">
                    <span class="h6 text-primary">金色成就</span>
                    <h3 class="down-line mb-4">服务提供的显著特点</h3>
                    <span class="mt-4 mb-5 sub-title ordenery-font font-italic">Aliquam nostra condimentum blandit diam libero habitant odio, aliquam a nam faucibus rhoncus malesuada porta vitae.</span>
                    <div class="row row-cols-sm-2 row-cols-1">
                        <div class="col">
                            <div class="simple-thumb mb-30">
                                <i class="flaticon-convertible flat-medium text-primary fa-2x"></i>
                                <h5 class="my-3">响应式设计</h5>
                                <p>因为只要你有麻烦，你就对它保持沉默，直到有了鱼。康瓦利斯和大象.</p>
                            </div>
                        </div>
                        <div class="col">
                            <div class="simple-thumb mb-30">
                                <i class="flaticon-air-conditioning flat-medium text-primary fa-2x"></i>
                                <h5 class="my-3">现代框架</h5>
                                <p>Nam aenean nibh fringilla maecenas int erdum taciti id, interdum donec aliqua Fusce. Convallis et eleifend.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-md-12">
                    <img src="static/assets/images/thumb/square1.png" alt="Image not found!">
                </div>
            </div>
        </div>
    </div>


    <div class="full-row bg-primary py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-9 wow fadeIn" data-wow-delay="100ms" data-wow-duration="1000ms">
                    <h3 class="text-white mb-2">下载公司宣传册</h3>
                    <p class="text-white">如果您对我们的主题感兴趣，请不要等着购买或致电我们</p>
                </div>
                <div class="col-md-3 wow fadeIn" data-wow-delay="200ms" data-wow-duration="1000ms">
                    <div class="y-center position-relative d-table ml-auto sm-margin-none text-white"><a href="#" class="btn btn-secondary">立即下载</a></div>
                </div>
            </div>
        </div>
    </div>
    <footer th:replace="_layout/footer :: footer"></footer>
        <a href="#" class="bg-primary text-white hover-bg-primary" id="scroll"><i class="fa fa-angle-up"></i></a>
    </div>

    <!-- Javascripts -->
    <script th:src="@{static/assets/js/jquery.min.js}"></script>
    <script th:src="@{static/assets/js/greensock.js}"></script>
    <script th:src="@{static/assets/js/layerslider.transitions.js}"></script>
    <script th:src="@{static/assets/js/layerslider.kreaturamedia.jquery.js}"></script>
    <script th:src="@{static/assets/js/popper.min.js}"></script>
    <script th:src="@{static/assets/js/bootstrap.min.js}"></script>
    <script th:src="@{static/assets/js/bootstrap-select.min.js}"></script>
    <script th:src="@{static/assets/js/jquery.fancybox.min.js}"></script>
    <script th:src="@{static/assets/js/owl.js}"></script>
    <script th:src="@{static/assets/js/wow.js}"></script>
    <script th:src="@{static/assets/js/mixitup.min.js}"></script>
    <script th:src="@{static/assets/js/custom.js}"></script>

</body>
</html>